<template>
  <div class="container">
    <view class="list flex ">
      <view class="box textCenter">
        <view class="flex justifyCenter">
          <uv-image src="https://oss.seenlove.com/images/d812f42c38fcfa903780e171cd12d7e0.png" width="54px" height="54px"></uv-image>
        </view>
        <view class="desc fz12">评论过的</view>
      </view>
      <view class="box textCenter">
        <view class="flex justifyCenter">
          <uv-image src="https://oss.seenlove.com/images/0415e8fa75f4236b0b1f387075a19242.png" width="54px" height="54px"></uv-image>
        </view>
        <view class="desc fz12">点赞过的</view>
      </view>
    </view>

    <view class="content">
      <uv-tabs :list="tabs" @click="tabsClick" lineColor="#9E06FF"></uv-tabs>
      <view class="list">
        <view class="shrink">
          <uv-avatar size="50" src="https://via.placeholder.com/200x200.png/2878ff"></uv-avatar>
        </view>
        <view class="info"></view>
      </view>
    </view>
  </div>
</template>

<script setup lang="ts">
const { proxy } = getCurrentInstance();
import useCounterStore from "@/stores/counter";
const counter = useCounterStore();
const instance = getCurrentInstance();

let tabs = ref([{ name: "互动通知" }, { name: "最近浏览" }]);

function tabsClick() {}
</script>



<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background-color: #f3f3f3;
  .list {
    background: white;
    padding-bottom: 8px;
    .box {
      width: 50%;
      .desc {
        margin-top: 10px;
      }
    }
  }
  .content {
    background-color: white;
    margin-top: 10px;
  }
}
</style>



